/*
 * @Author: huyu 
 * @Date: 2020-06-16 16:10:27 
 * @Last Modified by: huyu
 * @Last Modified time: 2020-06-16 18:07:57
 */

// 标题列表样式
@import "../../theme/index.less";

.main {
  position: fixed;
  top: @header-height + @margin;
  z-index: 10;
  padding: @padding / 2 0;
  margin-left: @margin;
  overflow: auto;
  max-height: calc(100% - @header-height - @margin - (@padding / 2));
  min-width: 200px;
}

// 屏幕较小时，隐藏标题列表
@media screen and (max-width: 1121px) {
  .main {
    display: none;
  }
}

.ul {
  list-style-type: none;
  padding: 0;
  margin: 0;

  a {
    display: block;
    padding: 0.4em 0;
    text-decoration: none;
    color: @font-color;
    font-size: @font-size-normal;
    transition: color 250ms;
    position: relative;

    &:hover {
      color: @highlight-color;
    }
  }

  li>a:not(.heading0) {
    &::before {
      content: "";
      display: block;
      width: 4px;
      height: 4px;
      background: #36313d;
      border-radius: 50%;
      position: absolute;
      left: -0.8em;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}

.heading0 {
  font-weight: bold;
}

.heading1 {
  margin-left: 3em;
}

.heading2 {
  margin-left: 4em;
}

.heading3 {
  margin-left: 5em;
}

.heading4 {
  margin-left: 6em;
}

.heading5 {
  margin-left: 7em;
}